<ion-view view-title="热点">

    <ion-header-bar class="bar-subheader">
        <ion-scroll class="hot-scroll" direction="x" scrollbar-x="false">
            <div class="button-bar sub_header_list">
                <a class="button button-clear button-select" ng-click="selectPage(0, 15)">教程</a>
                <a class="button button-clear" ng-click="selectPage(1, 20)">资讯</a>
                <a class="button button-clear" ng-click="selectPage(2, 25)">杂谈</a>
                <a class="button button-clear" ng-click="selectPage(3, 28)">互联网</a>
                <a class="button button-clear" ng-click="selectPage(4, 20)">财经</a>
                <a class="button button-clear" ng-click="selectPage(5, 20)">体育</a>
                <a class="button button-clear" ng-click="selectPage(6, 20)">国外</a>
            </div>
        </ion-scroll>
    </ion-header-bar>

    <ion-content>
        <!--下拉刷新-->
        <ion-refresher on-refresh="refreshHot()"></ion-refresher>
        <ion-list>
            <ion-item class="item-thumbnail-left" ng-repeat="hot in hotsData" href="#/tab/hotsDetail/{{hot.aid}}">
                <!--ng-if: 如果表达式为true, 则将元素插入dom-->
                <img ng-if="hot.pic" ng-src="{{ imgurl }}{{ hot.pic }}">
                <img ng-if="!hot.pic" ng-src="img/ionic.png">
                <h2>{{ hot.title }}</h2>
            </ion-item>
        </ion-list>

    </ion-content>
</ion-view>